<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*通配符选择器，所有元素都变红了。*/
			/* * {
				color: red;
			} */
			
			/**
			 * 表示鼠标移入当前连接的状态
			 */
			a:hover{
				color: black;
			}
			
			a:link{
				color: red;
			}
			
			a:visited{
				color: plum;
			}
			
			a:active{
				color: blue;
			}
			
			p:hover{
				color: yellow;
			}
			
			p:active{
				background-color: #FF0000;
			}
			
			input:focus{
				background-color: yellow;
			}
			/**
			 * 伪类选择器
			 */
			input::selection{
				background-color: black;
			}
			
			input::-moz-selection{
				background: black;
			}
		</style>
	</head>
	<body>
		<p>030303</p>
		<table border="" cellspacing="" cellpadding="">
			<tr><th>Header</th></tr>
			<tr><td>Data</td></tr>
		</table>
		<a href="https://www.baidu.com">百度</a>
		<br>
		<input type="tex" name="" id="" value="" />
	</body>
</html>
